html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,span,i,em,b,div,a,input{margin:0;padding:0;color: #fff;}
a{text-decoration:none;}
ul,li{list-style:none;}
img{border:none;}
body{font-size:12px;font-family:"微软雅黑";}
i{font-style:normal ;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body,html{height:100%;width: 100%;}
input{outline: none;}

#content{width: 100%;min-width:1200px;margin: 0 auto;overflow: hidden;}
.header{height:468px;width: 100%;min-width:1200px;margin: 0 auto;position: relative;background-size: cover;}
.header .headnav{width: 100%;height: 71px;background-color:#df0b42; background-color:rgba(223, 11, 66, .76); position: absolute; top: 30px;z-index: 2;}
.header .nav{width: 1200px;margin: 0 auto;}
.header .nav .logo { float: left; padding: 15px 0 0 15px;margin-right: 70px;}
.header .nav nav { float: left; margin-left: 70px; }
.header .nav ul li{float: left;padding:0 25px;margin:25px 0;height:21px; border-right: 1px solid #c74665;}
.header .nav ul li:last-child{border-right: 0;}
.header .nav ul li a{font-size: 16px;color: #fff;position:relative;display: inline-block;}
.header .nav li a span { height:3px; width:100%; position:absolute; left:50%; bottom:-8px; width:0; display:block; background-color:#fff; transition-duration: .3s; -webkit-transition-duration: .3s; }
.header .nav li.ckecked a span  { width:100%; left:0%; }
.header .nav li a:hover span { width:100%; left:0%; }




.footer { width: 100%; height: 130px; background-color: #717171; color: #fff; font-size: 12px;}
.footer .content { width:1200px; margin:0 auto; }
.footer a { color: #fff; }
.footer a:hover { text-decoration:underline; }
.footer .left { width: 700px; float: left; position: relative; margin-top: 45px; }
.footer .left .logo { float:left; margin-left:20px; padding-right:30px; }
.footer .left ul { float:left; border-left: #a1a1a1 1px solid; padding-left: 10px; }
.footer .left li { float: left; padding: 0 20px; line-height: 43px; }
.footer .right { width: 480px; float: right; text-align: right; position: relative; padding-top: 15px; margin-right:20px; }
.footer .right p { text-align: right; line-height: 20px; float:right; margin-right:20px; margin-top:25px; }
.footer .right .code { float:right; text-align:center; width:83px; }
.footer .right .code img { display: block; margin: 2px auto; }

.show{min-height: 112px;max-width: 150%;min-width:150%;margin: 0 auto;}
.showco1{*overflow: hidden;}
.showcon{width: 100%;margin: 0 auto;position: relative;}
.showc{width: 100%;}
.showleft{width: 1300px;min-height: 112px;padding-left: 360px;margin-left: -360px;background: url(../images/movieshow/showleft.jpg) right top repeat-x;float: left;/**float:none;*display:inline-block;*/}
.showleft .select-city {height: 67px;line-height: 67px;margin-top: 33px;width: 193px;text-align: center;margin-left:350px;}
.showleft .select-city span { display:inline-block; height:33px; padding-left:35px; line-height:33px; background:url(../images/movieshow/city.png) left center no-repeat;}
.showleft .select-city a {font-size:26px;background:url(../images/movieshow/select.png) right center no-repeat; padding-right:15px; line-height:33px; height:33px; color: #fff; }
.showcon .movcity{position:absolute;top: 112px;left: 0px;}

.showright{width: 40%;min-height: 100px;padding-right: 360px;margin-right: -360px;background: #0d7fd6;float: left;padding-top: 12px;padding-left: 5px;}
.showclear{clear: both;}
.showright .part1 { width: 259px;padding-left:10px ; }
.showright .part1 a { text-align:center; display:block; width:100px; font-size:12px; color:#fff; line-height:25px; float:left; padding:0 13px}
.showright .part1 a .icon { width:100px; height:64px; }
.showright .part1 .icon-1{border-right: 1px solid #56a6e2;}
.showright .part1 .icon-1 .icon { background:url(../images/movieshow/icon12-1.png) center center no-repeat; position:relative; }
.showright .part1 .icon-1 .icon span { position:absolute; width:43px; height:38px; background:url(../images/movieshow/icon12-1-1.png) no-repeat; bottom:0px; right:4px;}
.showright .part1 .icon-1:hover .icon span { animation:card-query .8s linear infinite; -webkit-animation:card-query .8s linear infinite;  }
@keyframes card-query {
	from { transform: rotate(0deg)  translate(5px) rotate(0deg);}
    to {transform: rotate(-360deg) translate(5px) rotate(360deg);}
}
@-webkit-keyframes card-query {
	from {transform: rotate(0deg)  translate(5px) rotate(0deg);}
    to {transform: rotate(-360deg) translate(5px) rotate(360deg);}
}
.showright .part1 .icon-2 .icon { background:url(../images/movieshow/icon12-2.png) center center no-repeat; position:relative; }
.showright .part1 .icon-2 .icon span { position:absolute; width:44px; height:37px; background:url(../images/movieshow/icon12-2-1.png) no-repeat; top:5px; left:27px;}
.showright .part1 .icon-2:hover .icon span { animation:card-recharge .6s linear infinite; -webkit-animation:card-recharge .6s linear infinite;  }
@keyframes card-recharge {
	0%   { -webkit-transform:translate(0,0); }
	50%   { transform:translate(0,5px); }
	100% { -webkit-transform:translate(0,0); }
}
@-webkit-keyframes card-recharge {
	0%   { -webkit-transform:translate(0,0); }
	50%   { transform:translate(0,5px); }
	100% { -webkit-transform:translate(0,0); }
}


.skey{height: 53px;background: #f2f2f2;max-width: 1920px;min-width:1200px;margin: 0 auto;}
.skeycon{width: 1200px;overflow:hidden;margin: 0 auto;}
.skeyleft{float: left;width: 690px;padding-left: 255px;line-height: 64px;}
.skeyleft h2{color:black;}
.skeyleft h2 a{font-size:15px;margin-left:5px;}
.skeyleft span{color: #707070;}
.skeyleft a{color: #707070;margin: 0 10px;}
.skeyright{float: right;margin-top: 14px;width: 200px;}
.skeyright input{width: 112px;height: 24px;background: #f2f2f2;border: 1px solid #a7a7a7;text-align: left;line-height: 24px;color:#b1b1b1;float: right;padding-left: 10px;}
.skeyright a{display: inline-block;width: 24px;height: 24px;background:#f2f2f2 url(../images/movieshow/skeyright.png) center center no-repeat;border: 1px solid #a7a7a7;border-left: 0;float: right;}

.sall{max-width: 1920px;min-width:1200px;margin: 0 auto;}
.sallcon{width: 1200px;margin: 0 auto;}
.salllist{padding: 17px 0 20px;background:#0b98cc;width: 193px;margin-top: -54px;float: left;}
.salllist li{width: 193px;height: 45px;line-height:45px;/*background: #0b98cc url(../images/movieshow/icon1.png) 50px center no-repeat;*/ text-align:center;}
.salllist li a{display: block;height: 44px;width: 95px;border-bottom: 1px solid #0f8ab7;margin: 0 16px;padding-left: 65px;text-align: left;}
.salllist li:last-child a{border-bottom: 0;}
/*.salllist li:first-child{background-color: #0982af;}
.salllist li:hover{background-color: #0982af;}*/
/*
.salllist .sliat2{background-image: url(../images/movieshow/icon2.png);}
.salllist .sliat3{background-image: url(../images/movieshow/icon3.png);}
.salllist .sliat4{background-image: url(../images/movieshow/icon4.png);}
.salllist .sliat5{background-image: url(../images/movieshow/icon5.png);}
.salllist .sliat6{background-image: url(../images/movieshow/icon6.png);}
.salllist .sliat7{background-image: url(../images/movieshow/icon7.png);}
.salllist .sliat8{background-image: url(../images/movieshow/icon8.png);}
*/
.sallul{float: left;margin-left: 58px;width: 947px;}
.salltit{width: 947px;border-bottom: 1px solid #999;padding-top: 10px;}
.salltit h3{color: #000;width: 120px;height: 38px;line-height:38px;font-size: 22px;border-bottom: 4px solid #000;}
.sallul1{width: 947px;overflow: hidden;}
.sallul ul{overflow:hidden ;width: 1024px;}
.sallul li{float: left;padding: 15px 68px 0 0;width: 186px;height: 335px;}
.sallul li img{display: block;width: 186px;height: 256px;}
.sallul li h4{line-height: 20px; height:46px; padding-top:6px;}
.sallul li h4 a{color: #262626;font-size: 13px;}
.sallul li i{color: #4c4c4c;line-height: 12px;float: left;}
.sallul li span{color: #666;float: right;font-weight: bold;}
.clear{clear: both;}
.sallmore{overflow: hidden;width: 1200px;}
.sallmore ul{overflow:hidden ;width: 1265px;}
.sallmore li{float: left;padding: 15px 67px 0 0;width: 186px;height: 335px;border-top: 1px solid #e4e4e4;}
.sallmore li img{display: block;width: 186px;height: 256px;}
.sallmore li h4{line-height: 20px; height:46px; padding-top:6px; }
.sallmore li h4 a{color: #262626;font-size: 13px;}
.sallmore li i{color: #4c4c4c;line-height: 12px;float: left;}
.sallmore li span{color: #666;float: right;font-weight: bold;}
.salllook{display: block;margin:26px auto 45px;width: 144px;height: 32px;border: 1px solid #bababa;text-align: center;line-height: 32px;color: #afafaf;font-size: 16px;}

.privilege {height: 375px;background: #f7f7f7;margin-bottom: 32px;}
.privilege .pricon{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.privilege .priright{margin-top:29px;width: 668px;height: 317px;background: #47b5d6;float: right;}
.privilege .priright .pri1{width: 229px;float: right;margin:60px 58px 0 0;}
.privilege .priright h3{font-size: 56px;font-family: "黑体";}
.privilege .priright a{font-size: 20px;font-family: "黑体";line-height:40px;}
.privilege .prileft{position: absolute;top:56px;height: 0px;}


#contprod{width: 100%;min-width:1200px;margin: 0 auto;overflow: hidden;}
#contprod .header{background:#ccc url(../images/product/header.jpg) center top no-repeat;background-size:cover;}
.byproduct{height: 112px;position: relative;overflow: hidden;max-width: 1920px;min-width: 1200px;margin: -112px auto 0;}
.byproduct .byprodL{width: 62%;height: 112px;background-color:rgba(255, 255, 255,.5); float: left;}
.byproduct .byprodR{width: 38%;height: 112px;background-color:rgba(19, 34, 68,.5);float: right; }
.byproduct .byprodC{width: 1200px;height: 112px;-background-color:rgba(0, 0, 0,1);margin:  0 auto; position: absolute;top: 0;left: 50%;margin-left: -600px;overflow: hidden;}
.byproduct .byprodC img{display: block;margin-top: 23px;float: left;}
.byprodC .byprodcard { width:380px;padding-left:10px ;float: right; margin-top: 12px;}
.byprodC .byprodcard a { text-align:center; display:block; width:100px; font-size:12px; color:#fff; line-height:25px; float:left; padding:0 13px}
.byprodC .byprodcard a .icon { width:100px; height:64px; }
.byprodC .byprodcard .icon-1 .icon { background:url(../images/movieshow/icon12-1.png) center center no-repeat; position:relative; }
.byprodC .byprodcard .icon-1 .icon span { position:absolute; width:43px; height:38px; background:url(../images/movieshow/icon12-1-1.png) no-repeat; bottom:0px; right:4px;}
.byprodC .byprodcard .icon-1:hover .icon span { animation:card-query .8s linear infinite; -webkit-animation:card-query .8s linear infinite;  }
@keyframes card-query {
	from { transform: rotate(0deg)  translate(5px) rotate(0deg);}
    to {transform: rotate(-360deg) translate(5px) rotate(360deg);}
}
@-webkit-keyframes card-query {
	from {transform: rotate(0deg)  translate(5px) rotate(0deg);}
    to {transform: rotate(-360deg) translate(5px) rotate(360deg);}
}
.byprodC .byprodcard .icon-2 .icon { background:url(../images/movieshow/icon12-2.png) center center no-repeat; position:relative; }
.byprodC .byprodcard .icon-2 .icon span { position:absolute; width:44px; height:37px; background:url(../images/movieshow/icon12-2-1.png) no-repeat; top:5px; left:27px;}
.byprodC .byprodcard .icon-2:hover .icon span { animation:card-recharge .6s linear infinite; -webkit-animation:card-recharge .6s linear infinite;  }
@keyframes card-recharge {
	0%   { -webkit-transform:translate(0,0); }
	50%   { transform:translate(0,5px); }
	100% { -webkit-transform:translate(0,0); }
}
@-webkit-keyframes card-recharge {
	0%   { -webkit-transform:translate(0,0); }
	50%   { transform:translate(0,5px); }
	100% { -webkit-transform:translate(0,0); }
}
.byprodC .byprodcard .icon-3 .icon { background:url(../images/product/icon12-3.png) center center no-repeat; position:relative; }

.prodlist{width: 1200px;margin:0 auto 100px;}
.prodlist>div{width: 1200px;min-height:380px;margin-top: 30px;}
.prodlist>div>div a{display: inline-block;line-height: 42px;border: 1px solid #ccc;padding: 0 30px;font-size: 24px;margin-bottom:40px ;}
.prodlist>div>div p{line-height: 24px;}
.prodlist>div.prodlist1{background:url(../images/product/prodlist1.jpg) center top repeat-y;}
.prodlist>div.prodlist2{background:url(../images/product/prodlist2.jpg) center top no-repeat;}
.prodlist>div.prodlist3{background:url(../images/product/prodlist3.jpg) center top no-repeat;}
.prodlist>div.prodlist1 div{margin-left:600px;padding: 60px 0 40px;}
.prodlist>div.prodlist2 div{margin-left:180px;padding:130px 0 40px;}
.prodlist>div.prodlist3 div{margin-left:600px;padding: 130px 0 40px;}


 
 /*子导航*/
 .xz_lm{background-color: #0982af;}
 .menu_children{ width:120px; float:left;  position:absolute; margin-left:193px; background-color:#FFF; display:none;border:1px solid #969696; min-height:385px;}
 .menu_children .itmety{ width:100%; line-height:42px; text-align:center;}
 .menu_children .itmety li {  border-bottom:1px solid #f2f2f2; display:none;}
 .menu_children .itmety .onshow{ display:block;}
 .menu_children .itmety li a { color:#9e9e9e; font-size:12px;}
 .keywords{ float: left;width: 690px;padding-left: 125px; margin-top:-30px; }
 .keywords a{ border:1px solid #959595; font-size:12px; color:#959595; padding:4px 10px; margin-left:10px;}
 .keywords a b{color:#959595; padding-left:5px; font-size:12px;}
 
/*--登录状态  --*/

.login-body .login-reg{ width: 292px; height: 75px; background: url("../images/center/login.png") right top no-repeat; position: absolute; top: 0; right: 50%;margin-right:-600px;z-index: 100; text-align: right; padding: 20px 25px; color: #fff; font-size: 12px;}
.login-body .login-reg a { color: #fff; line-height: 20px; display: inline-block; }
.login-body .login-reg .login { background: url("../images/center/icon11.png") left center no-repeat; padding-left: 25px; }


 
.login-body .reg-login{ width: 292px; height: 75px; background: url("../images/personal/login.png") right top no-repeat; position: absolute; top: 0; right: 50%;margin-right:-600px;z-index: 100; text-align: right; padding: 10px 25px; color: #fff; font-size: 12px;display: block; }
.login-body .reg-login a { color: #fff; line-height: 20px; display: inline-block; }
.login-body .reg-login p{font-size:12px;border-top:1px solid #DA95AA;margin:5px 173px 0;width:113px;padding:4px;}


/* 线上观影模块样式 */
.online-wrapper{
	width: 100%;
	background: url(../images/bg.png) repeat;
	background-size: 100% 100%;
	min-height: 300px;
}
.online-banner img{width: 100%;}
.online-main{
	width:1200px;
	margin:60px auto;
}
.online-p{width:400px;margin: 0 40px;}
.online-main > div{position: relative;}
.swiper-online-section{
	width: 95%;
	margin: 30px auto;
}
/* .swiper-online-section,.swiper-button-prev{top: 60%;left: -35px;outline: none }
.swiper-online-section, .swiper-button-next{top: 60%;right: -35px;outline: none } */
.swiper-online-section .swiper-slide{
	display: inline-block;
	width: 258px!important;
	margin: 12px;
	background: #fff;
	font-size: 14px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}
.onlin-list-dl dd{font-size:14px; color: #333!important;}
.onlin-list-dt{
	padding: 0 12px;
	margin: 10px 0;
	clear: both;
	overflow: hidden;
}
.onlin-list-dt em{
	display: inline-block;
	width: 80px;
	color: #fff;
	background: #000;
	float: right;
	padding: 5px 0;
	letter-spacing: 2px;
}
.onlin-list-dt span{
	display: inline-block;
	vertical-align: middle;
	color: #df0b42;
	font-size: 18px;
	float: left;
}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/arrow-left.png);}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/arrow-right.png);}
.swiper-button-next, .swiper-button-prev {
	width: 33px;
	height: 32px;
	background-size: 33px 32px;
}
/*置顶样式*/
#Top{
	width: 30px;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 5px;
    font-size: 18px;
    color: #fff;
    background: #000;
    cursor: pointer;
    display: none;
}
#Top:hover{
	background:#ff3333;
}

.classify-video{
	margin: 5px 12px 10px;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1px;
	border-left: 5px solid #fff;
	line-height: 17px;
	height: 19px;
	padding-left: 15px;
}
.margin30{margin-bottom:30px;}